<template>
	<view class="">
		<view class="order-box">
			<view class="flex-ac box-title">
				<view class="line"></view>
				<view>预付费用</view>
			</view>
			<view>
				<view v-for="item in order.orderFeeList" class="flex-jc mt20">
					<view>{{ feeTypeMap.get(item.feeType) }}</view>
					<view class="price">￥{{ item.feeAmount }}</view>
				</view>
				<view class="mt20 order-amount">订单金额：￥{{ order.orderAmount }}</view>
			</view>
		</view>
		<view class="order-box">
			<view class="flex-ac box-title">
				<view class="line"></view>
				<view>订单退款</view>
			</view>

		</view>

	</view>
</template>
<script setup>
import { ref, reactive } from "vue"
import { feeTypeMap } from "../../utils/constans.js";
const props = defineProps({
	order: {
		type: Object,
		default: () => ({})
	}
})



</script>
<style lang="scss" scoped>
.price{
	font-weight: bold;
	color: #000;
}
.order-amount{
	text-align: right;
	font-size: 28rpx;
	font-weight: bold;
	color: #986C5D;
}
</style>